<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>
<body>
<div class="header">
    <div class="header-top-wrapper">
        <div class="header-top">
            <div class="left">欢迎来到鼎庆环球，<a href="#">请登录</a> | <a href="#">免费注册</a></div>
            <div class="right">邮箱：support@dKoptions | 客服热线：400-917-917 | 联系我们</div>
        </div>
    </div>
    <div class="nav-wrapper">
        <div class="nav">
            <div class="logo"><img src="icon/logo.png" alt=""></div>
            <div class="nav-content">
                <ul id="nav-ul">
                    <li><a class="nav_active" href="index.html">首页</a></li>
                    <li>
                        <a href="contact.html">关于我们</a>
                        <ul>
                            <li><a href="contact.html">公司介绍</a></li>
                            <li><a href="contact-trading.html">交易模式</a></li>
                            <li><a href="contact-funds.html">资金安全</a></li>
                            <li><a href="contact-technology.html">x技术</a></li>
                            <li><a href="contact-about.html">联系我们</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="platform-wechat.html">交易平台</a>
                        <ul>
                            <li><a href="platform-wechat.html">微信</a></li>
                            <li><a href="platform-mobile.html">移动</a></li>
                            <li><a href="platform-desktop.html">桌面</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="product.html">交易产品</a>
                        <ul>
                            <li><a href="product.html">差价合约</a></li>
                            <li><a href="product-precious.html">贵金属</a></li>
                            <li><a href="product-exchange.html">外汇</a></li>
                            <li><a href="product-crude.html">原油</a></li>
                            <li><a href="product-exponent.html">指数</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="account-open.html">账户介绍</a>
                        <ul>
                            <li><a href="account-open.html">开立账户</a></li>
                            <li><a href="account-go.html">账户出金</a></li>
                            <li><a href="account-into.html">账户入金</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="inventsList.html">有奖活动</a>
                        <ul>
                            <li><a href="inventsList.html">活动列表</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="news.html">新闻中心</a>
                        <ul>
                            <li><a href="news.html">公司快讯</a></li>
                            <li><a href="news-industry.html">行业新闻</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="cooperation-white.html">合作伙伴</a>
                        <ul>
                            <li><a href="cooperation-white.html">白标合作</a></li>
                            <li><a href="cooperation-mechanism.html">机构合作</a></li>
                            <li><a href="cooperation.html">经济合作</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="login">
                <a href="#" class="btn-block btn-login">登录</a>
                <a href="#" class="btn-block btn-register">注册</a>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <!--轮播图-->
    <div class="banner" id="banner">
        <ul>
            <li><img src="img/banner1.png" alt=""></li>
            <li><img src="img/banner2.png" alt=""></li>
            <li><img src="img/banner3.png" alt=""></li>
            <li><img src="img/banner4.png" alt=""></li>
            <li><img src="img/banner5.png" alt=""></li>
        </ul>
        <a href="javascript:void(0);" class="unslider-arrow prev"><img class="arrow" id="al" src="icon/arrowl.png"
                                                                         alt="prev" width="20" height="35"></a>

        <a href="javascript:void(0);" class="unslider-arrow next"><img class="arrow" id="ar" src="icon/arrowr.png"
                                                                         alt="next" width="20" height="37"></a>
    </div>
    <div class="index-merit">
        <div class="public-title merit-title">
            <p>我们的优势</p>
            <p class="public-underline advantages">our advantages</p>
        </div>
        <div class="merit-content">
            <div class="merit-content-item">
                <div class="icon-box"><i class="iconfont icon-shujuxinxianquan"></i></div>
                <div class="icon-decription">
                    <h4>信息安全</h4>
                    <p>银行级的128位ssl加密，拒黑手于千里之外</p>
                </div>
            </div>
            <div class="merit-content-item">
                <div class="icon-box"><i class="iconfont icon-hefahegui"></i></div>
                <div class="icon-decription">
                    <h4>合法合规</h4>
                    <p>NFA FSP顶级行业协会监管，合法合规</p>
                </div>
            </div>
            <div class="merit-content-item">
                <div class="icon-box"><i class="iconfont icon-wending"></i></div>
                <div class="icon-decription">
                    <h4>稳定可靠</h4>
                    <p>银行级服务器 高容错双防灾备份</p>
                </div>
            </div>
            <div class="merit-content-item">
                <div class="icon-box"><i class="iconfont icon-shangpinzhonglei"></i></div>
                <div class="icon-decription">
                    <h4>品类众多</h4>
                    <p>二元期权、外汇、贵金属、差价合约、原油、指数，任君选择</p>
                </div>
            </div>
        </div>
    </div>
    <div class="index-product-wrapper">
        <div class="index-product">
            <div class="public-title product-title">
                <p>我们的产品</p>
                <p class="public-underline product">Our Products</p>
            </div>
            <div class="product-container">
                <div class="product-row">
                    <div class="product-content-item bg-1">
                        <h4>二元期权</h4>
                        <p>四平台无缝交易 看对方向皆可盈利</p>
                    </div>
                    <div class="product-content-item bg-2">
                        <h4>外汇</h4>
                        <p>全天候5*24小时交易 最低100倍杠杆交易</p>
                    </div>
                    <div class="product-content-item bg-3">
                        <h4>贵金属</h4>
                        <p>支持人民币计价交易 收益空间更大</p>
                    </div>
                </div>
                <div class="product-row">
                    <div class="product-content-item bg-4">
                        <h4>差价合约</h4>
                        <p>高杠杆保证金交易 买跌买涨都能赚</p>
                    </div>
                    <div class="product-content-item bg-5">
                        <h4>原油</h4>
                        <p>无需换月操作 点差合理</p>
                    </div>
                    <div class="product-content-item bg-6">
                        <h4>指数</h4>
                        <p>全球主流指数 皆可流畅交易</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="index-trading">
        <div class="public-title trading-title">
            <p>交易平台</p>
            <p class="public-underline trading">Trading platform</p>
        </div>
        <div class="trading-content">
            <div class="trading-content-item">
                <i class="iconfont icon-dashboard"></i>
                <h3>桌面版</h3>
                <p>稳定可靠 <br> 交易信息深度加密 <br>更多数据指标<br>  更多分析功能 <br>设定报价和指标警告<br> 半自动下单</p>
            </div>
            <div class="trading-content-item active">
                <i class="iconfont icon-dashboard"></i>
                <h3>微信版</h3>
                <p>分享便捷 <br> 无需下载<br> 一键扫码<br> 二维码传播简单<br> 30秒注册 <br>可入金即可下单</p>
            </div>
            <div class="trading-content-item">
                <i class="iconfont icon-dashboard"></i>
                <h3>移动版</h3>
                <p>快速高效<br> 有网络即可交易<br> 随时盈利<br> 安卓和苹果双版本<br> 支持指纹验证登录<br> 安全性极佳</p>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-wrapper">
        <div class="footer-top">
            <p class="hr"></p>
            <img src="icon/footer-logo.png" class="footer-logo" alt="">
        </div>
        <div class="footer-midden">
            <div class="ewm-wrapper">
                <img src="icon/ewm.png" alt="">
                <p>扫一扫关注</p>
                <p>DKoptions科技</p>
            </div>
            <div class="cooperation-list">
                <div class="cooperation-title">公司介绍</div>
                <p class="hr"></p>
                <ul>
                    <li>公司介绍</li>
                    <li>交易模式</li>
                    <li>资金安全</li>
                    <li>领先技术</li>
                </ul>
            </div>
            <div class="cooperation-list">
                <div class="cooperation-title">交易平台</div>
                <p class="hr"></p>
                <ul>
                    <li>移动平台</li>
                    <li>微信平台</li>
                    <li>桌面平台</li>
                </ul>
            </div>
            <div class="cooperation-list">
                <div class="cooperation-title">交易产品</div>
                <p class="hr"></p>
                <ul>
                    <li>二元期权</li>
                    <li>外汇</li>
                    <li>贵金属</li>
                    <li>差价合约</li>
                    <li>原油</li>
                    <li>指数</li>
                </ul>
            </div>
            <div class="cooperation-list">
                <div class="cooperation-title">相关资料</div>
                <p class="hr"></p>
                <ul>
                    <li>行业新闻</li>
                    <li>公司快讯</li>
                    <li>条款条例</li>
                    <li>免责声明</li>
                </ul>
            </div>
            <div class="cooperation-list">
                <div class="cooperation-title">合作伙伴</div>
                <p class="hr"></p>
                <ul>
                    <li>经济合作</li>
                    <li>白标合作</li>
                    <li>结构合作</li>
                    <li>伙伴登录</li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-title">
                风险提醒
                <p class="hr"></p>
            </div>
            <div class="footer-bottom-content">
                二元期权，外汇，贵金属，差价合约的杠杆产品。由于二元期权，外汇和差价合约交易是高度投机行为具有较高风险，所以不适合所有类型的投资者，您有可能损失您的部分或者全部的初始投资资金。 请详细阅读 条款条例 免责申明
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/unslider.min.js"></script>
<script src="js/navigater.js"></script>
<script>
    $(document).ready(function (e) {
        var unslider = $('#banner').unslider({
                dots: true
            }),
            data = unslider.data('unslider');
        $('.unslider-arrow').click(function () {
            var fn = this.className.split(' ')[1];
            data[fn]();
        });
    });
</script>
</body>
</html>